<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表页</title>
    <link rel="stylesheet" href="/css/list.css">
    <link rel="shortcut icon" type="image/x-icon" media="all" href="/images/favicon.ico" />
</head>
<body>
    <div class="heart">
        <div class="header">
            
        </div>
        <!-- 广告轮播 -->
        <div class="simple-banner">
            <a href="/html/details.html"><img src="/images/list/list1.jpg"></a>
        </div>

        <!-- 列表内容 -->
        <div class="main-wrap">
            <article class="neirong">
                <!-- 添加栏 -->
                <div class="tianjia"></div>
                <!-- 过滤筛选栏 -->
                <div class="Filter">
                    <dl>
                        <dt>类别：</dt>
                        <dd class="Filter-need">
                            <a href="#">冰品点心</a>
                            <span class="need-condition">(3)</span>
                            <a href="#">冰皮蛋糕</a>
                            <span class="need-condition">(5)</span>
                        </dd>
                    </dl>
                    <dl>
                        <dt>价格：</dt>
                        <dd class="Filter-need">
                            <a href="#">¥0-¥19.99</a>
                            <span class="need-condition">(2)</span>
                            <a href="#">¥20-¥49.99</a>
                            <span class="need-condition">(1)</span>
                            <a href="#">¥200以上</a>
                            <span class="need-condition">(6)</span>
                        </dd>
                        <span class="select-more">
                            <a href="#">多选</a>
                        </span>
                    </dl>
                </div>
                <!-- sequence -->
                <div class="sequence">
                    <ul class="px">
                        <li><a href="#">综合排序</a></li>
                        <li id="priceMoney-rise"><span>价格（升）</span></li>
                        <li id="priceMoney-lower"><span>价格（降）</span></li>
                    </ul>
                    <div class="commodity-num">
                        <p>共<span id="commodityNum">8</span>个商品</p>
                    </div>
                    <div class="page1">
                        <p>
                            <span id="curr-page1">1</span>
                                /
                            <span id="total-page1">5</span>
                        </p>
                    </div>
                </div>
                <!-- productlist -->
                <div class="productlist" id="productlist">
                    <!-- <div class="products">
                        <a href="#" class="photo"><img src="/images/list/list4.jpg"></a>
                        <div class="ms">
                            <h5><a href="#"> 雪贝烧冰淇淋</a></h5>
                            <p>能吃的巧克力碎粒、榴莲果肉的冰淇淋</p>
                            <p class="spec">规格：榴莲味、巧克力味</p>
                        </div>
                        <p class="price">
                            ¥25.00
                            <span>/巧克力味</span>
                        </p>
                        <a href="#" class="btn-buy">立即购买</a>
                    </div> -->
                </div>
                <script type="text/html" id="productlistshow" class="productlistshowbBox" page="1">
                    {{each pList productShow}}
                        <div class="products">
                            <a href="/html/details.html?id={{productShow.id}}" class="photo"><img src="{{productShow.img}}"></a>
                            <div class="ms">
                                <h5><a href="/html/details.html?id={{productShow.id}}"> {{productShow.name}}</a></h5>
                                <p>{{productShow.intro}}</p>
                                <p class="spec">规格：{{productShow.taste}}、{{productShow.taste2}}</p>
                            </div>
                            <p class="price">
                                ¥{{productShow.price}}
                                <span>/{{productShow.taste}}</span>
                            </p>
                            <a href="/html/details.html?id={{productShow.id}}" class="btn-buy">立即购买</a>
                        </div>
                    {{/each}}
                </script>


                <!-- 分页器 -->
                <div  class="c-pages">
                    <div class="cp-item">
                        <span>共</span>
                        <span id="cp-count">0</span>
                        <span>条</span>
                    </div>
                    <div class="cp-item">
                        <span id="curr-page">1</span>
                        <span>/</span>
                        <span id="total-page">5</span>
                    </div>
                    <div class="cp-item">
                        <button id="home">首页</button>
                        <button id="prev">上页</button>
                        <button id="next">下页</button>
                        <button id="last">尾页</button>
                    </div>
                </div>
 

            </article>
        
            <!-- sidebar -->
            <div class="sidebar">
                <h3 class="redtitle">
                    猜你喜欢
                </h3>
                <ul id="sidebar-bottom">
                    <!-- <li>
                        <a href="#">
                            <img src="/images/list/list2.jpg">
                        </a>
                        <p>¥258.00</p>
                        <span>甜蜜如心鲜奶蛋糕</span>
                    </li> -->
                </ul>
                <script type="text/html" id="guessYourLove">
                    {{each guessLove like}}
                        <li>
                            <a href="/html/details.html?id={{like.id}}">
                                <img src="{{like.img}}">
                            </a>
                            <p>¥{{like.price}}</p>
                            <span>{{like.name}}</span>
                        </li>
                    {{/each}}
                </script>
            </div>
        </div>
        <!-- footer -->
        <footer>
            
        </footer>
    </div>
    <!-- 右侧购物车固定栏 -->
    <div class="floatbar">
        
    </div>
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/list-page"></script>
</html>